
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="maximum-scale=1, minimum-scale=0.2, user-scalable=yes"/>
    <meta name="bytedance-verification-code" content="VQbf3o+Xnj0dsLyZl9wF" />
    <meta name="360-site-verification" content="19a9fe8f6340ac77f7c8a6ac11380d1f" />
    <meta name="shenma-site-verification" content="1f394e6486208dd8e6c30928197b16dd_1621327673">
    
    <title>大学专业有哪些_大学专业目录_找专业_专业介绍_后浪高考_填志愿上后浪</title>
    <meta name="keywords" content="填志愿上后浪,本科专业_专科专业_热门专业_理科文科热门专业介绍_专业目录_大学学科_大学专业_大学专业分类_大学专业列表_高考志愿专家"/>
    <meta name="description" content="填志愿上后浪,后浪高考高考志愿填报系统_找专业板块提供全国所有大学开设1400+大学专业的详细介绍_可查询大学学科_专业大类_本/专科热门专业等信息" />
    
    <link rel="shortcut icon" href="https://www.houlang.tech/public/images/favicon.ico" />
    <link rel="stylesheet" href="https://www.houlang.tech/public/dist/css/static.css?v=2106101425" />
    <script src="https://www.houlang.tech/public/lib/jquery/jquery.min.js"></script>
    <script src="https://www.houlang.tech/public/src/js/common.js?v=06010123"></script>

    <script>
        var _hmt = _hmt || [];
        path: path;
        (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?96fd522e0ad5b72af33eb23702e4cd90";
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
	<div id="app">
	<div id="wrap">
        <header id="header">
            <div class="header-container clearfix">
                <a class="logo" href="https://www.houlang.tech/"><img alt="后浪高考_四川志愿填报" src="https://www.houlang.tech/public/images/logo.png"></a>
                <nav id="menu">
                    <a href="https://www.houlang.tech/">首页</a>
                    <a href="https://www.houlang.tech/product">产品介绍</a>
                    <a href="searchSchool.html">查学校</a>
                    <a href="showProfessional.html">查专业</a>
                    <a href="chooseSchool.html">智能选大学</a>
                    <a href="https://www.houlang.tech/news">高考资讯</a>
                    <a href="https://www.houlang.tech/contact">联系我们</a>
                    <a href="https://www.houlang.tech/recommend">网址推荐</a>
                </nav>
                <div class="contact-group float-right">
                    <div class="contact-item">
                        <a href="tel:400-176-0118">400-176-0118</a>
                    </div>
                    <div class="contact-item">
                        <a href="javascript:void(0);">联系我们</a>
                        <div class="qrcode-box text-center">
                            <img alt="后浪高考微信二维码" src="https://www.houlang.tech/public/images/qiyeweixin_qrcode.jpg" />
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <div id="main">
            <div class="container mt-4">
                <form class="school-major-search-mini-form float-right" action="https://www.houlang.tech/search">
                    <input class="search-text" name="q" placeholder="搜索学校、专业.." value="" required />
                    <button type="submit"><img alt="search" src="https://www.houlang.tech/public/images/search.png"></button>
                </form>
                <h6 class="d-inline"><a class="text-body" href="https://www.houlang.tech/">首页</a></h6> &gt; <span class="text-secondary">查专业</span>
                <div class="major-selector selector-box mt-4" style="padding-bottom: 0">
                    <div class="major-type mt-4">
                        <a class="bg-hl text-white" href="javascript:void(0);" data-tgt="benke" @click="changeBache">本科专业</a>
                        <a class="hover-hl" href="javascript:void(0);" data-tgt="zhuanke" @click="changeJunior">专科专业</a>
                    </div>
						<!-- 本科一级分了显示 开始 -->
                    <div id="Jump">
					<template v-if="showBachelorPro">
                    <div data-set="benke" class="benke-set major-sec-type mt-4">
						
						
						        <a class="mr-3 bg-hover-hl mb-3" href="javascript:void(0);" data-tgt="#benke-box-19" v-for="bachelorPro in bachelorPros" >{{bachelorPro.professionName}}</a>
						
                    </div>
					</template>
				<!-- 本科一级分类显示 结束 -->
					
					
					<!-- 专科一级分类  star-->
					<template v-if="showJuniorPro">
                    <div data-set="zhuanke" class="zhuanke-set major-sec-type mt-4">
                        
						
                            <a class="mr-3 bg-hover-hl mb-3" href="javascript:void(0);" data-tgt="#zhuanke-box-19" v-for="juniorPro in juniorPros" >{{juniorPro.professionName}}</a>
						
                    </div>
					</template>
					<!-- 专科 一级分类 end -->
                </div>
                <div id="major-list" class="major-list mt-5 mb-5">
					<!-- 本科一二级分类显示 开始 -->
					<template v-if="showBachelorPro">
						<div class="benke-box major-box" data-set="benke">
						    
						        <div class="fir-box" id="benke-box-1">
						            <!-- <h6 class="fir-name mb-4 mt-5">哲学</h6> -->
						            
						            <div class="sec-box mb-3" v-for="bachelorPro in bachelorPros">
						                <span class="sec-name float-left"  >{{bachelorPro.professionName}}</span>
						                
						                <div class="thr-box"  >
						                        <a class="bg-hover-hl mb-2" target="_blank" :href="`major.html?majorId=${second.id}`"  v-for="second in bachelorPro.professionalList"  >{{second.professionName}}</a>
												<!-- <span class="sperate">|</span> -->

						                </div>
						                
						            </div>
						            
						            
						        </div>
							
						                    
						        </div>
					</template>
                    <!-- 本科一二级分了显示  结束-->
						
						<!-- 专科一二分类显示 star -->
						<template v-if="showJuniorPro">
							<div class="zhuanke-box major-box" data-set="zhuanke" >
							    
							        <div class="fir-box" id="zhuanke-box-1">
							            <!-- <h6 class="fir-name mb-4 mt-5">哲学</h6> -->
							            
							            <div class="sec-box mb-3" v-for="onejunior in juniorPros">
							                <span class="sec-name float-left">{{onejunior.professionName}}</span>
							                
							                <div class="thr-box" >
							                        <a class="bg-hover-hl mb-2" target="_blank" href="#" v-for="secondjunior in onejunior.professionalList" >{{secondjunior.professionName}}</a>
							                        <!-- <span class="sperate">|</span> -->
							                </div>
							            </div>
							        </div>
							        </div>
						</template>
                    <div/>
						<!-- 专科一二级分类显示 结束 -->
                    </div>
                </div>
            </div>
        </div>
		</div>
        <script src="https://www.houlang.tech/public/src/js/major/list.js"></script>

        <div id="footer">
            <div class="container clearfix">
                <div class="footer-group float-left">
                    <div class="group-title text-title">关于后浪高考</div>
                    <a class="group-item text-content" href="https://www.houlang.tech/contact">联系我们</a>
                    <a class="group-item text-content" href="https://wx.houlang.tech/html/chatlink.html" target="_blank">在线客服</a>
                    <a class="group-item text-content" href="https://www.houlang.tech/product">技术背景</a>
                    <a class="group-item text-content" href="https://www.houlang.tech/guides">产品说明书</a>
                </div>
                <div class="footer-group float-left">
                    <div class="group-title text-title">其他信息</div>
                    <a class="group-item text-content" href="https://www.houlang.tech/news">后浪资讯</a>
                    <a class="group-item text-content" href="https://www.houlang.tech/faq">常见问题</a>
                    <a class="group-item text-content" href="https://www.houlang.tech/recommend">网址推荐</a>
                    <a class="group-item text-content" href="https://www.houlang.tech/agreement">用户协议</a>
                </div>
                <div class="footer-group float-left">
                    <div class="group-title text-title">商务合作</div>
                    <div class="group-item text-content">商务经理：徐某</div>
                    <div class="group-item text-content">电话：<a class="text-content" href="tel:400-176-0118">400-176-0118</a></div>
                    <div class="group-item text-content">微信号：13550229297</div>
                </div>
                <div class="footer-group float-right info-group">
                    <div class="group-title text-title">网站信息</div>
                    <div class="group-item text-content">© 后浪高考隶属于 成都后浪别骄傲教育科技有限公司&nbsp;&nbsp;</div>
                    <div class="group-item text-content">
                        <a class="text-content" target="_blank" href="https://beian.miit.gov.cn/">蜀ICP备2021007573号</a>&nbsp;&nbsp;<span class="text-title">|</span>&nbsp;&nbsp;
                        <img style="width:14px" alt="anbei.png" src="https://www.houlang.tech/public/images/anbei.png"><a class="text-content" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002003666">川公网安备 51019002003666号</a>
                    </div>
                </div>
            </div>
        </div>

        <a id="wakeup-cs-btn" class="bg-hl text-center" title="后浪客服" href="javascript:void(0);"><img alt="anbei.png" src="https://www.houlang.tech/public/images/chat_icon.png"></a>
    </div>
    <script src="https://www.houlang.tech/public/src/js/cs.js"></script>
	<script src="../static/js/componentjs/common.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</body>
<script>
	
	var vm=new Vue({
		el: '#app',
		data: {
			path: path,
			//本科专业
			bachelorPros: [],
			//专科专业
			juniorPros: [],
			showBachelorPro: true,
			showJuniorPro: false
		},
		created: function(){
			this.initBachelorPro();
			this.initJuniorPro();
		},
		methods: {
			initBachelorPro: function(){
				axios.get(path+"/webContent/bachelorPro")
				.then(res=>{
					console.log(res.data)
					this.bachelorPros=res.data.data;
				})
			},
			initJuniorPro: function(){
				axios.get(path+"/webContent/juniorPro")
				.then(res=>{
					
					this.juniorPros=res.data.data;
				})
			},
			//更换本科专业的显示
			changeBache: function(){
				this.showBachelorPro=true;
				this.showJuniorPro=false
			},
			//更改专科页面的显示
			changeJunior: function(){
				this.showBachelorPro=false;
				this.showJuniorPro=true
			}
		}
	});
</script>


<!-- <script>
    var path="http://localhost:8080/";
    var jump = new Vue({
        el:"#jump",
        data:{
            major:{},

        },
        methods:{
            jump:function(){
                alert("点击")
                axios.post(path+"/manage/login",this.major)
                    .then(res=>{


                    });
            },

        }

    });
</script> -->


</html>